

<template>
  <div class="card">
      <el-row :gutter="15">
        <el-col :lg="2" v-for="item in cssList">
          <el-button style="margin-bottom: 15px" @click="selectCss(item.path)">{{item.name}}</el-button>
        </el-col>
      </el-row>
  </div>

</template>

<script setup>

import {useRouter} from 'vue-router'
import {ref} from "vue";
const router = useRouter();

const cssList = ref([
    {path:"/css/login1",name:"登录页面1"},
    {path:"/css/starrysea",name:"星辰大海"},
    {path:"/css/starParticles",name:"星星闪烁"},
])

const selectCss=(path)=>{
  router.push(path)
}

</script>

<style scoped lang="scss">


</style>